Amazon CloudWatch SyntheticsのCanary実行時にCookieを設定する

#Amazon CloudWatch

#CloudWatch Synthetics

若槻龍太

2021.09.16

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

こんにちは、CX事業本部 IoT事業部の若槻です。

Amazon CloudWatch Syntheticsを使用すると、WebサイトやAPIのURLの監視（外形監視）を行うことができます。

模擬モニタリングの使用 - Amazon CloudWatch

今回は、Amazon CloudWatch SyntheticsのCanary実行時にCookieを設定してみました。

監視対象のWebサイト

以前のエントリで、Cookieが未設定の場合にプロンプトで入力を求めるサイトをCodeSandboxで作成していたので、こちらを監視対象とします。

https://1741r.csb.app/

やってみる

AWSマネジメントコンソールでCanary作成画面を開きます。

[設計図を使用する]-[ハートビートのモニタリング]を選択します。

Canaryの名前、監視対象のWebサイトのURLを指定します。

スクリプトエディタで、ヘッドレスブラウザにWebサイトドメインのCookieを設定する処理を追記します。

    await synthetics.executeStep(stepName, async function () {
        const sanitizedUrl = syntheticsLogHelper.getSanitizedUrl(url);
        
        //ヘッドレスブラウザにWebサイトドメインのCookieを設定
        const cookies = [
            {
                'name': 'deviceId',
                'value': 'device-12345678',
                'domain': '1741r.csb.app/'
            }
        ];
        page.setCookie(...cookies);

手動で実行したいため、スケジュールは1回実行とします。